import React, { Component } from 'react'
import './rightConter.scss';
import axios from 'axios';
import { CapsuleChart } from '@jiaminghi/data-view-react'

export default class RightConter extends Component {
    state={
        userIdentityCategory:{},
    }
    componentDidMount(){
        axios.get('/api/rightPageData').then(res=>{
            this.setState({userIdentityCategory:res.data.userIdentityCategory})
        })
    }
    render() {
        console.log(this.state.data);
        return (
            <div className='rightConter'>
                <div className='title'>
                    <i className='iconfont icon-application'></i>
                    <label>平均用户类别排布</label>    
                </div>
                <CapsuleChart config={this.state.userIdentityCategory} className='capsuleChart' />
            </div>
        )
    }
}
